<template>
  <div class="LunBoXiaMian">
  <div class="grid-content">
      <div class="grid">
          <img src="../../assets/img/img23.png" alt="">  
          <span @click="first1">双选会</span>
      </div>
  </div>
  <div class="grid-content">
      <div class="grid">
          <img src="../../assets/img/img19.png" alt="">  
          <span  @click="first2">宣讲会</span>
      </div>
  </div>
  <div class="grid-content">
      <div class="grid">
          <img src="../../assets/img/img20.png" alt="">  
          <span  @click="first3">校招</span>
      </div>
  </div>
  <div class="grid-content">
      <div class="grid">
          <img src="../../assets/img/img21.png" alt="">  
          <span  @click="first4">热门地区</span>
      </div>
  </div>
  <div class="grid-content">
      <div class="grid">
          <img src="../../assets/img/img22.png" alt="">  
          <span  @click="first5">科室分类</span>
      </div>
  </div>
</div>
</template>

<script>
export default {
    methods:{
         first1(){
             window.location.href="https://m.9453job.com/#/doubleElection"
         },
         first2(){
             window.location.href="https://m.9453job.com/#/liveRoom"
         },
         first3(){
             this.$router.push("/position/zhiw")
         },
         first4(){
             window.location.href="https://m.9453job.com/#/hotArea?type=0"
         },
         first5(){
             window.location.href="https://m.9453job.com/#/hotArea?type=1"
         },
    }
}
</script>

<style  scoped>
.LunBoXiaMian{
    width: 100%;
    height: 2rem;
    display: flex;
    margin-bottom: .2rem;
    background-color: white;
}
.grid-content{
    flex: 1;
    padding: .1rem .2rem;
}
.grid{
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.grid>img{
    display: block;
    width: .8rem;
    height:.8rem;
    margin-bottom: .1rem;
}
.grid>span{
    display: block;
    color: black;
    font-weight: 700;
    font-size: .24rem;
}
</style>